import React from "react";
import { ComponentStory, ComponentMeta } from "@storybook/react-native";
import { MyScene } from "./Scene";
import { View, Image } from "react-native";

const MySceneMeta: ComponentMeta<typeof MyScene> = {
  title: "MyScene",
  component: MyScene,
  args: {
    text: "Hello world",
  },
  decorators: [
    (Story) => (
      <View style={{ padding: 16 }}>
        <Image
          style={{ width: 200, height: 200 }}
          source={{ uri: 'https://www.reactnative.express/static/logo.png' }}
        />
        <Story />
      </View>
    ),(Story) => (
      <View>
        <Story />
      </View>
    ),
  ],
};

export default MySceneMeta;

type MySceneStory = ComponentStory<typeof MyScene>;

export const Basic: MySceneStory = (args) => <MyScene {...args} />;
